<template>
<a-menu
    id="dddddd"
    mode="inline"
    @click="handleClick"
    class="menu-view-box"
  >
  <!-- 没有下一级的 -->
   <a-menu-item key="wiki-space" :icon="h(SettingOutlined )">
    <router-link to="/wiki/space">知识库</router-link>
   </a-menu-item>
   <!-- 有子菜单的 -->
    <a-sub-menu key="manage" :icon="h(AccountBookOutlined)" title="系统管理">
      <a-menu-item key="user-userList" :icon="h(UserAddOutlined )">
        <router-link to="/user/userList">用户管理</router-link>
    </a-menu-item>
    <a-menu-item key="user-department" :icon="h(BulbOutlined )">
        <router-link to="/user/department">部门管理</router-link>
    </a-menu-item>
    <a-menu-item key="system-setting" :icon="h(CalendarOutlined )">
        <router-link to="/system/setting">系统配置</router-link>
    </a-menu-item>
    <a-menu-item key="home" :icon="h(UndoOutlined)">
        <router-link to="/">回首页</router-link>
    </a-menu-item>
    </a-sub-menu>
  </a-menu>
</template>
 
<script setup lang="ts">
import {h} from 'vue'

import {SettingOutlined,AccountBookOutlined,UserAddOutlined,UndoOutlined,BulbOutlined,CalendarOutlined     } from '@ant-design/icons-vue'


</script>
 
<style scoped lang="scss">
</style>